<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>SIGEN - Sistema de Gerenciamento de Ensino Nacional</title>
		<script type="text/javascript" src="tela/matricula/criarMatricula.js" ></script>
		<link rel="stylesheet" type="text/css" href="tela/matricula/criarMatricula.css" ></link>
	</head>
	<body>

	<div class="ui-widget-content painel" >

			<!-- FORMULARIO -->
			<div id="subtitulo"><h3 class="ui-widget-header">Matrícula de alunos</h3></div>
			<div id="formWrapper" class="centered">
				<form id="cadastro" class="bbq" action="#" onSubmit="return false;" method="post">
				<div id="step_visualization"></div>
				<fieldset class="step" id="turmaAluno">
					<legend style="border: 0px;">Matrícula de alunos</legend>
					<ul class="controls">
					  <input type="hidden" value="PreMatricula" name="turmaAluno[statusAluno]" id="statusAluno">						
					  <li>
					  	<label>Turmas disponíveis:</label>
					  	<select name="turmaAluno[turma][id]" id="turma" class="field" style="width: 320px;"></select>
					  </li>
						<li><label>Aluno:</label>
						<select name="turmaAluno[aluno][id]" id="aluno" class="field" style="width: 320px;"></select>
					  	</li>
						<li>
						    <a id="adicionarMatriculaBtn"  href="#">Adicionar</a>
						</li>
						<li>
						    <table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridMatricula"></table>
						</li>				   
		        	</ul>
		 		</fieldset>

		 		<div id="navigation"> 							
					<input class="navigation_button " id="back"  value="Voltar" type="reset" />
					<input class="navigation_button " id="next"  value="Próximo" type="submit" />
				</div>
				</form>
			</div>
	</div>
	
	<!-- MODAL POPUP -->
	<div id="modalPopup" title=" ">
		<span id="dialogMessage" ></span>
	</div>
	
	</body>
</html>
	
